iT邦幫忙

2022 iThome 鐵人賽

DAY 7
0
自我挑戰組

50後阿嬤教你寫程式!系列 第 7

Day 07 阿嬤會做循環喔!(中)

  • 分享至 

  • xImage
  •  

Day 07 阿嬤會做循環喔!(中)

我們再次相遇.

能讓迴圈更簡單嗎?

上一期文章中,我們提到 While 迴圈,這次我們要講的是 For 迴圈。
編寫一個迴圈程式碼 For 迴圈相對來講比 While 迴圈的編寫步驟還要少,只須創建一個變數,
當條件為真時一直循環,並且在每輪循環的末尾修改變數。當編寫一個For迴圈時,要創建一個變
數,然後指明在每輪循環之後如何修這個變數。例如:用For迴圈數天上的星星。看我操作:

var CountingStar = 0;
for (var CountingStar = 0; CountingStar < 20; CountingStar++) {
  console.log("天上有" + CountingStar + "顆星星");
}
console.log("哇哇有20顆星星耶");

這是控制台打印出來的東西:


"天上有0顆星星"
"天上有1顆星星"
"天上有2顆星星"
"天上有3顆星星"
"天上有4顆星星"
"天上有5顆星星"
"天上有6顆星星"
"天上有7顆星星"
"天上有8顆星星"
"天上有9顆星星"
"天上有10顆星星"
...
"哇哇有20顆星星耶"


上例程式碼展示了For迴圈用分號隔開的地方,分別是:初始化( setup )、條件( condition )、自增( increment )。
循環前要先進行初始化。通常會創建一個變數,來紀錄循環運行的次數,所以我們在這裡了創建了一個變數。如果要執行循環,得先讓條件條件為真才行;每一輪的循環,控制台都會再次檢查條件是否為真,直到條件為假時才會停下來,跟While迴圈是一樣的概念,只是For迴圈對 JavaScript 的初學者來說,比較難而已。

      ↓初始化     ↓條件      ↓自增
for (setup; condition; increment) {
  console.log("看我幹麻?看文章!!");
}

每一輪執行完主體時,都會執行自增,全名:自我增加,這是專門用來更新變數數字的部份。每一次循環,就為變數加1。
學生時期的你,偶爾會不小心做錯事、忘了寫作業等糗事,老師要你抄"我會好好反省" 500 遍:(雖然我是都沒遇過啦哈:)但是我相信在座的各位,一定有人被老師罰寫,回歸正題,你又懶得抄寫 500 遍,但是你為啥不叫電腦幫你寫呢?

var 罰寫 = 500;
for (var i = 0; i < 罰寫; i++) {
  console.log("我會好好反省");
}

輸出如下:


"我會好好反省"*500


看,這樣不就寫好了,所以說學寫程式還是好處多多:)

小總結

今天我們學了另一種迴圈,讓編程更快速,下一章我們會講這種迴圈的應用,沒問題的話那我們就下課嘍!


上一篇
Day 06 阿嬤會做循環喔!(上)
下一篇
Day 08 阿嬤會做循環喔!(下)
系列文
50後阿嬤教你寫程式!30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言